@charset "utf-8";
/* CSS Document */
#login_box{
	max-width:380px;
}
.passhelp{
	position:absolute;
	right:15px;
	top:0;
	line-height:40px;
	color:#fff;
}
.passhelp:hover{
	color:#1f995c;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.loginerror{
	width:100%;
	text-align:center;
	color:#db4d4d;
}
.loginmode{
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
.or{
	margin-top:22px;
	margin-bottom:26px;
	text-align:center;	
	color:#fff;
	white-space:nowrap;
}
.or span{
	color:#fff;
	opacity:0.5;
}
.otherlogin{
	width: 110px;
	height: 80px;
	margin:0 auto;
}
.qq{
	width:80px; 
	height:80px;
    margin-left:15px;
	background:url(../images/QQ.png) no-repeat center; 
	float:left; 
	cursor:pointer
}
.qq:hover{
	background:url(../images/QQ-current.png) no-repeat center;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
}
.weixin{
	width:40px; 
	height:40px;
	background:url(../images/WEIXIN.png) no-repeat center;
	float:right; 
	cursor:pointer
}
.weixin:hover{
	background:url(../images/WEIXIN-current.png) no-repeat center;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
}
.notice{
	margin-top:10%;
	text-align:center;
}
.notice span{
	display:block;
	color:#fff;
	height:30px;
}
.notice .WELCOME{
	font-size:24px;
}
.notice .usernotice{
	font-size:32px;
	margin:5% 0;
}

@media screen and (max-device-width: 1080px){ 
html,body{
	overflow:auto;
	background:url(../images/phone_bg_0202.jpg) no-repeat;
	background-size:100% 100%;
}
.login_body {
	width:100%;
	height:100%;
}
.login_bg{
	display:none;
}
}

/*
@media screen and (max-device-width: 1080px){ 

html,body{
	overflow:auto;
	background:url(../images/phone_bg_02.jpg) no-repeat;
	background-size:100% 100%;
}
.login_body {
	width:100%;
	height:100%;
}
.login_bg{
	display:none;
}
.logo{
	width:460px;
	height:120px;
	margin:0 auto 10% auto;
}
.back_home{
	height:120px;
	line-height:120px;
}
.back_home a{
	font-size:32px;
}
.back_home .register{
	width:180px;
	height:80x;
	line-height:80px;
	margin-top:20px;
	border-top-left-radius:40px;
	border-bottom-left-radius:40px;
}
.user{
	height:80px;
	border-radius:99999px;
	margin-top:10%;
}
.userdefault{
	width:200px;
	font-size:32px;
	line-height:80px;
	padding:0 30px;
}
.usertext{
	font-size:28px;
	line-height:80px;
	height:80px;
	padding-left:200px;
	padding-right:4%;
}



.box .loginbtn{
	margin-top:5%;
	width:100%;
	height: 80px;
	line-height:80px;
	border-radius: 99999px;
	font-size:32px
}



#login_box{
	min-width:70%
}
.passhelp{
	right:30px;
	line-height:80px;
	font-size:28px;
}
.loginerror{
	font-size:32px
}
.or{
	margin:10% 0;
	font-size:32px;
}
.or span{
	color:#fff;
	opacity:0.5;
}
.otherlogin{
	width: 110px;
	height: 80px;
	margin-bottom:10%
}
.qq{
	width:80px; 
	height:80px;
	background-size:100% 100%;
}
.qq:hover{
	background-size:100% 100%;
}
.weixin{
	width:80px; 
	height:80px;
	background-size:100% 100%;
}
.weixin:hover{
	background-size:100% 100%;
}
.notice{
	display:none;
}
} 

*/